// pages/work-order/order-detail/index.ts
import {detail} from '../../../api/work_order'
import { LENGYU_SUCCESS_CODE } from '../../../utils/request';
Page({

  /**
   * 页面的初始数据
   */
  data: {
    workOrder:{
      id:"",
    },
    imageUrlArray:[],
    procUserNames:"",
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(option:any) {
    console.log(option)
    if(option && option.id){
      this.getDetailData(option.id);
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    this.getDetailData(this.data.workOrder.id)
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  },

  async getDetailData(id:string){
    let result = await detail(id);
    if(result.code == LENGYU_SUCCESS_CODE){
      this.setData({
        'workOrder':result.data
      })
     
      if(result.data.imgUrlList){
        this.setData({
          imageUrlArray:result.data.imgUrlList.split(",")
        })
      }
      if(result.data.workOrderUserList){
        let nameList: string[] = []
        result.data.workOrderUserList.forEach(element => {
          if(element.vxNickName){
            nameList.push(element.vxNickName)
          }
        });
        this.setData({
          procUserNames:(nameList.join(','))
        })
      }
      if(result.data.procList){
        this.setData({
          procImageUrlArray :[]
        })
        result.data.procList.forEach((element,index) => {
          let imgList: string[] = []
          if(element.imgUrlList){
            imgList = element.imgUrlList.split(",")
          } 
          // 依旧是根据index获取数组中的对象
          // var key = 'workOrder.procList['+index+'].imageUrlArray'
          this.setData({
            ['workOrder.procList[' + index + '].imageUrlArray']:imgList
          })
        });
      }
      console.log(this.data.workOrder.procList)
    }
    else{
      this.setData({
        procImageUrlArray:[]
      })
    }
   
    console.log(result);
  },
  previewOrderImage(e:any){
    console.log("图片预览",e)
    wx.previewImage({
      current: e.currentTarget.dataset.url, // 当前显示图片的http链接
      urls: e.currentTarget.dataset.urls // 需要预览的图片http链接列表
    })
  },
  gotoProcOrder(e:any){
    console.log("跳转处理页面")
    wx.navigateTo({
      url:"/pages/work-order/order-proc/index?id=" + this.data.workOrder.id,
    })
  }
})